<template>
  <div class="v-main-layout" :class="{'add-border': isElectron}">
    <m-header />
    <div class="_main-content" :style="{height:this.$globalConfig.mainContent}">
      <router-view />
    </div>
  </div>
</template>

<script>
import Header from 'components/header';

export default {
  name: 'main-layout',
  components: {
    'm-header': Header
  },
  computed: {
    isElectron() {
      return this.$globalConfig.isElectron;
    },
  },
  mounted() {

  },
  methods: {
  }
};

</script>
<style lang="scss" scoped>
.v-main-layout {
  width: 100vw;
  height: 100vh;
  &.add-border {
    border: 1px solid #7496A6;
  }
  //// ._main-content {
  ////   height: calc(100% - 62px)
  //// }
}
</style>
